/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
  table{
    width:100%;
    table-layout: fixed;
  }
  .tbl-header{
    background-color: rgba(255,255,255,0.3);
  }
  .tbl-content{
    height:300px;
    overflow-x:auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
  }
  th{
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
  }
  td{
    padding: 15px;
    text-align: left;
    vertical-align:middle;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,0.1);
  }

  /* pagewrap */
  /*#pagewrap {*/
    /*width: 95%;*/
  /*}*/

  /*!* content *!*/
  /*#content {*/
    /*width: 60%;*/
    /*padding: 3% 4%;*/
  /*}*/

  /*!* sidebar *!*/
  /*#sidebar {*/
    /*width: 30%;*/
  /*}*/
  /*#sidebar .widget {*/
    /*padding: 8% 7%;*/
    /*margin-bottom: 10px;*/
  /*}*/

  /*!* embedded videos *!*/
  /*.video embed,*/
  /*.video object,*/
  /*.video iframe {*/
    /*width: 100%;*/
    /*height: auto;*/
    /*min-height: 300px;*/
  /*}*/

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
  table{
    width:60%;
    table-layout: fixed;
  }
  .tbl-header{
    background-color: rgba(255,255,255,0.3);
  }
  .tbl-content{
    height:300px;
    overflow-x:auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
  }
  th{
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
  }
  td{
    padding: 15px;
    text-align: left;
    vertical-align:middle;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,0.1);
  }
  /*!* header *!*/
  /*#header {*/
    /*height: auto;*/
  /*}*/

  /*!* search form *!*/
  /*#searchform {*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 0;*/
    /*z-index: 100;*/
    /*height: 40px;*/
  /*}*/
  /*#searchform #s {*/
    /*width: 70px;*/
  /*}*/
  /*#searchform #s:focus {*/
    /*width: 150px;*/
  /*}*/

  /*!* main nav *!*/
  /*#main-nav {*/
    /*position: static;*/
  /*}*/

  /*!* site logo *!*/
  /*#site-logo {*/
    /*margin: 15px 100px 5px 0;*/
    /*position: static;*/
  /*}*/

  /*!* site description *!*/
  /*#site-description {*/
    /*margin: 0 0 15px;*/
    /*position: static;*/
  /*}*/

  /*!* content *!*/
  /*#content {*/
    /*width: auto;*/
    /*float: none;*/
    /*margin: 20px 0;*/
  /*}*/

  /*!* sidebar *!*/
  /*#sidebar {*/
    /*width: 100%;*/
    /*margin: 0;*/
    /*float: none;*/
  /*}*/
  /*#sidebar .widget {*/
    /*padding: 3% 4%;*/
    /*margin: 0 0 10px;*/
  /*}*/

  /*!* embedded videos *!*/
  /*.video embed,*/
  /*.video object,*/
  /*.video iframe {*/
    /*min-height: 250px;*/
  /*}*/

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

  table{
    width:30%;
    table-layout: fixed;
  }
  .tbl-header{
    background-color: rgba(255,255,255,0.3);
  }
  .tbl-content{
    height:300px;
    overflow-x:auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
  }
  th{
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
  }
  td{
    padding: 15px;
    text-align: left;
    vertical-align:middle;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,0.1);
  }
  /*!* disable webkit text size adjust (for iPhone) *!*/
  /*html {*/
    /*-webkit-text-size-adjust: none;*/
  /*}*/

  /*!* main nav *!*/
  /*#main-nav a {*/
    /*font-size: 90%;*/
    /*padding: 10px 8px;*/
  /*}*/

}

